<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">

    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <title>尚悦丨拼车</title>
</head>
<body>
    <div class="panel panel-warning">
      <div class="panel-heading">
        <a href=""><img src="./images/cancleorder.jpg" width="30px" style="position: inline-block;"> </a>
        <h3 class="panel-title" style="text-align: center;font-size:1.5em;font-weight:700;display: inline;float:none">支付信息</h3>
      </div>
      <div class="panel-body" >
        <div class="media">
          <div class="media-right media-middle">
              <img class="media-object" style="width: 60px;height: 60px;"src="./successorder.jpg" alt="...">
          </div>
          <div class="media-body">
                <div class="page-header">
                  <h3 style="text-align: center;">恭喜你，订单已经生成</h3>
                </div>
          </div>
        </div>

        <span class="label label-success">应付金额</span>
        <input style="margin-top: 10px;margin-bottom: 10px;" type="text" class="form-control" placeholder="元">
       <!--     <span class="label label-warning">优惠金额</span>
        <input style="margin-top: 10px;margin-bottom: 10px;" type="text" class="form-control" placeholder="元"> -->
        <span class="label label-danger">实际支付金额</span>
        <input style="margin-top: 10px;" type="text" class="form-control" placeholder="元">
      </div>
    </div>  
    <div class="pay-method">
        <ul class="list-group">
          <li class="list-group-item"><img src="./images/wechat.jpg" width="30px">微信支付</li>
          <li class="list-group-item"><img src="./images/zhifu.jpg" width="30px">支付宝支付</li>
          <li class="list-group-item"><img src="./images/otherpay.jpg" width="30px">其他方式</li>
        </ul>
    </div>
</body>
</html>